<template>
    <perfect-scrollbar class="decorate-edit-con">
        <div class="dec-edit-title">
            <h3>
                分类商品（简约）设置
            </h3>
        </div>
        <div class="dec-edit-group">
            <div class="dec-edit-group-title">
                <div class="label">风格选择</div>
            </div>
            <div class="dec-edit-group-con">
                <el-radio-group class="dec-radio-group" v-model="module.base_style">
                    <el-radio-button :value="1">风格一</el-radio-button>
                    <el-radio-button :value="2">风格二</el-radio-button>
                </el-radio-group>
            </div>
        </div>
        <div class="dec-edit-group">
            <div class="dec-edit-group-title">
                <div class="label">标题名称</div>
            </div>
            <div class="dec-edit-group-con">
                <div class="dec-input-group" dynamic-class=".image-ad-title-d">
                    <el-input v-model="module.title" placeholder="请输入标题名称"></el-input>
                </div>
            </div>
        </div>
        <div class="dec-edit-group ">
            <div class="dec-edit-group-title">
                <div class="label">更多链接</div>
            </div>
            <div class="dec-edit-group-con">
                <div class="dec-link-group">
                    <div class="lyecs-link-select">
                        <SelectLink v-model="module.more_link"></SelectLink>
                    </div>
                </div>
            </div>
        </div>
        <div class="dec-divider-line"></div>
        <div v-if="module.base_style==2" class="dec-edit-group dec-edit-group-block">
            <div class="dec-edit-group-title">
                <div class="title">添加左侧大图</div>
            </div>
            <div class="dec-edit-group-desc">
                <div class="pic-change-desc">提示：您可以通过拖拽进行图片排序，建议尺寸：540*800像素（高清）或270*400像素（低分辨率）</div>
            </div>
            <div class="dec-edit-group-con">
                <PicList :isMultiple="true" v-model:photos="module.pic_list"></PicList>
            </div>
        </div>
        <CommonProductEdit v-model="module.products" :numberMin="20" :numberStep="10"></CommonProductEdit>
    </perfect-scrollbar>
</template>
<script lang="ts" setup>
import { PicList, LinkList, ProductTagSelect } from "@/components/decorate";
import { ref, defineModel } from 'vue';
import { ModuleType, PcCatProductType } from '@/types/decorate/decorate.d';
import { SelectCategory, SelectColor, SelectLink } from "@/components/select";
import { ProductSelect } from '@/components/decorate'
import CommonProductEdit from "@/views/decorate/decorate/src/modulesEdit/src/CommonProductEdit.vue";
const module = defineModel<ModuleType & PcCatProductType>('module', {default: () => ({})});
</script>
